<template>
  <header class="header">
				<h1>todos</h1>
				<input class="new-todo"
                 placeholder="What needs to be done?"
                  autofocus
                  v-model="title"
                  @keydown.enter='addFn'>
			</header>
</template>

<script>
export default {
data () {
    return {
        title:''
    }
},
methods: {
    addFn(){
        this.$emit('congder',this.title)
        this.title=""
    }
}
}
</script>

<style>

</style>